@charset "utf-8";
.digital{
    background:url(../images/szzf_bg.jpg) repeat-x;
    width:100%;
}
.digital_title{ width:1165px;margin:0 auto; padding-top:45px;}
.digital_box{ margin:0 auto;clear: both; margin-top:20px; position:relative; width:1165px;}
.digital_item{ margin-top:25px; background:#fff; border:1px solid #e1eefc; overflow:hidden;}

.digital_item_left{ width:346px; height:316px; float:left;}
.ywtb{ background:url(../images/ywtb_g.jpg) no-repeat;}
.ywjg{ background:url(../images/ywjg_g.jpg) no-repeat;}
.ywgk{ background:url(../images/ywgk_g.jpg) no-repeat;}
.ywxt{ background:url(../images/ywxt_g.jpg) no-repeat;}
.digital_item-hotspot{ margin-top:155px;}
.digital_item-hotspot a{ background: url(../images/brighto.png) #fff no-repeat 110px center; width:120px; height:50px; line-height:22px; padding-left:23px; font-size:16px; color:#3f3f3f; display:flex; float:left; margin-top:20px; margin-left:20px;text-decoration: none;    align-items: center;}
.digital_item-hotspot a:hover{ background: url(../images/brighto.png) #f6fcfd no-repeat 110px center;}

.digital_item_right{ width:775px; float:right; margin-top:15px; margin-right:15px;}

.slideTxtBox{ width:100%; text-align:left;  }
.slideTxtBox .hd{ height:67px; line-height:67px; background:#f4f8fd; padding:0;   position:relative; }
.slideTxtBox .hd ul{height:67px; padding:0px; margin:0px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 20px; cursor:pointer; list-style:none; font-size:20px; font-weight:bold; color:#525252; }
.slideTxtBox .hd ul li.on{border-bottom:2px solid #0059b5;  color:#0059b5; height:65px;}
.slideTxtBox .bd div{ padding-bottom:10px;}
.slideTxtBox .bd div a{ width:175px; height:78px; background:#fff; display:flex; float:left; margin-left:8px; margin-right:8px; box-shadow: 0px 0px 10px #eaeaea; margin-top:20px; font-size:18px; line-height:24px; color:#3f3f3f;text-decoration: none; border:1px solid #f8f8f8;align-items: center; position:relative;}
.slideTxtBox .bd div a:hover{background:#eafafc;}
.slideTxtBox .bd div span{ display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; margin-left:20px; margin-right:10px; float:left;}
.slideTxtBox .bd div.bmfw a{  width:240px;}

.slideTxtBoxYwtb{ width:100%; text-align:left;  }
.slideTxtBoxYwtb .hd{ height:67px; line-height:67px; background:#f4f8fd; padding:0;   position:relative; }
.slideTxtBoxYwtb .hd ul{height:67px; padding:0px; margin:0px;   }
.slideTxtBoxYwtb .hd ul li{ float:left; padding:0 20px; cursor:pointer; list-style:none; font-size:20px; font-weight:bold; color:#525252; }
.slideTxtBoxYwtb .hd ul li.on{border-bottom:2px solid #0059b5;  color:#0059b5; height:65px;}
.slideTxtBoxYwtb .bd div{ padding-bottom:10px;}
.slideTxtBoxYwtb .bd div a{ width:175px; height:78px; background:#fff; display:flex; float:left; margin-left:8px; margin-right:8px; box-shadow: 0px 0px 10px #eaeaea; margin-top:20px; font-size:18px; line-height:24px; color:#3f3f3f;text-decoration: none; border:1px solid #f8f8f8;align-items: center; position:relative;}
.slideTxtBoxYwtb .bd div a:hover{background:#eafafc;}
.slideTxtBoxYwtb .bd div span{ display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; margin-left:20px; margin-right:10px; float:left;}
.slideTxtBoxYwtb .bd div.bmfw a{  width:240px;}
.digital_item_no{display:block; width:30px; height:30px; line-height:30px; text-align:center; margin-right:10px; float:left;}

/**
.znw-box a{ display:inline-block; float:left; width:274px; text-align:center; margin-left:22px;}
.znw-box a img{ max-width:100%;}
**/
.znw-box{ margin:0 auto; margin-top:40px; overflow:hidden; width:1210px;    margin-bottom: 30px;}
.znw-box a{ display:inline-block; float:left; width:274px; text-align:center; margin-left:22px; overflow:hidden;}
.znw-box a img{ max-width:100%;transition: all ease .3s;}
.znw-box a:hover img{transform: scale(1.1);transition: all ease .3s;}

.second{ width:200px !important; position:absolute; left:195px; background:#eafafc; top:20px;z-index: 2; border:1px solid #f3f3f3; display:none;}
.second:before{ content:""; width: 0;height: 0;width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #6fd0fb;
    border-bottom: 10px solid transparent;z-index: 22;
    position: absolute;
    left: -10px; top:15px;}
.item:hover .second{ display:block;}
.second a{ font-size:16px !important; line-height:30px !important;width: auto !important;height: auto !important;box-shadow: 0px 0px 0px #eaeaea !important; border:none;margin-top: 0px !important;border:none !important;float:inherit !important;overflow:hidden; text-overflow:ellipsis;display:-webkit-box !important; -webkit-box-orient:vertical;-webkit-line-clamp:1;background: #eafafc !important;
    padding-left: 15px; }
.item{ display:inline-block; position:relative; width:190px;margin-bottom: -10px;}
.four{left:-205px !important;}
.four:before{ content:""; width: 0;height: 0;width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #6fd0fb;
    border-right: none;
    border-bottom: 10px solid transparent;
    z-index: 22;
    position: absolute;
    left: 200px; top:15px;}
.topLoop .hd ul{  overflow:hidden; zoom:1; margin-top:10px; zoom:1; margin-left:48%}
.topLoop .hd ul li{ float:left;  width:12px; height:12px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.png") 0 -12px no-repeat; }
.topLoop .hd ul li.on{ background-position:0 0; }
.topLoop .hd {
    position: absolute;
    right: 0px !important;
    top: 155px !important;
    width: 100%;
}
/*鼠标悬停放大效果*/
.slideTxtBox .bd div a img{    transition: all ease .5s;transform: scale(1);}
.slideTxtBox .bd div a:hover img{    transition: all ease .5s;transform: scale(1.1);}
.slideTxtBox .bd div a{transition: all ease .3s;}
.slideTxtBox .bd div a:hover{ font-size:19px;transition: all ease .3s;}

.slideTxtBoxYwtb .bd div a img{    transition: all ease .5s;transform: scale(1);}
.slideTxtBoxYwtb .bd div a:hover img{    transition: all ease .5s;transform: scale(1.1);}
.slideTxtBoxYwtb .bd div a{transition: all ease .3s;}
.slideTxtBoxYwtb .bd div a:hover{ font-size:19px;transition: all ease .3s;}